<template>
    <el-tabs type="border-card" class="edittabform">
        <el-tab-pane label="内容">
            <el-row type="flex" class="editformitem">
                <el-col :span="8" class="editlabel">
                    <span>媒体类型</span>
                </el-col>
                <el-col :span="16" class="editcontent">
                    <el-select v-model="obj.videoType" placeholder="请选择类型" size="mini">
                        <el-option label="HLS" :value="0" />
                        <el-option label="FLV" :value="1" />
                    </el-select>
                </el-col>
            </el-row>
            <el-row type="flex" class="editformitem">
                <el-col :span="8" class="editlabel">
                    <span>地址</span>
                </el-col>
                <el-col :span="16" class="editcontent">
                    <input v-model="obj.url" type="text" />
                </el-col>
            </el-row>
        </el-tab-pane>
        <el-tab-pane label="布局">
            <box-form :predefineColors="predefineColors" :obj="obj" :setColorChange="setColorChange"></box-form>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
export default {
    name: "CameraForm",
    props: {
        predefineColors: Array,
        obj: Object,
        setColorChange: Function
    },
    model: {
        prop: "obj",
        event: "change",
    },
    components: {
        BoxForm: () => import('../mixin/BoxForm.vue'),
    },
    methods: {

    }
}
</script>